import React, { Component } from 'react'
import PropTypes from 'prop-types'

// 类组件
// export default class Child extends Component {
//   // // 静态属性
//   // static defaultProps = {
//   //   title: 'default value'
//   // }

//   render() {
//     return (
//       <div>
//         child { this.props.title }
//       </div>
//     )
//   }
// }
// Child.defaultProps = {
//   title: 'default value'
// }

// 函数式组件/无（自己）状态组件
// export default (props) => {
//   return (
//     <div>child { props.title }</div>
//   )
// }

export default function Child(props) {
  return (
    <>
      <div>child { props.title }</div>
      {'hello'}
      {props.children}
    </>
  )
}
// { 表达式 }
Child.defaultProps = {
  title: 'default value'
}
Child.propTypes = {
  title: PropTypes.boolean
}